{% autoescape off %}
<!DOCTYPE html>
<html>
    <head>
        <link href="/static/css/index.css" type="text/css" rel="stylesheet" />

        <script type="text/javascript" src="/static/js/jquery/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="/static/js/jquery/jquery.cookie.js"></script>
        <script type="text/javascript" src="/static/js/jquery/jquery-ui-1.8.5.custom.min.js"></script>
        <script type="text/javascript" src="/static/js/jquery/jquery.effects.core.js"></script>
        <script type="text/javascript" src="/static/js/jquery/jquery.effects.blind.js"></script>
        <script type="text/javascript" src="/static/js/jquery/jquery.effects.explod.js"></script>
        <script type="text/javascript" src="/static/js/jquery/jquery.url.js"></script>
        <script type="text/javascript" src="/static/js/index.js"></script>
    </head>
    <body>
        <h1>{{project.name}}</h1>
        <nav class="toolbar">
            <span id="top_links" class="top_links">
                <ul style="display:inline">
                    <li><a class="top_link" href="not-completed">未完成</a></li>
                    <li><a class="top_link" href="all">所有</a></li>
                    <li><a class="top_link" href="deleted">删除了的</a></li>
                    <li><a class="top_link" href="completed">完成了的</a></li>
                    <li><a class="top_link" href="due-today">今天到期</a></li>
                    <li><a class="top_link" href="updated-today">今天更新的</a></li>
                    <li><a class="top_link" href="completed-today">今天完成的</a></li>
                    <li><a class="top_link" href="weekly-report">周报</a></li>
                </ul>
            </span>
            <select id="jquery_ui_theme">
                <option value="ui-darkness">ui-darkness</option>
                <option value="flick">flick</option>
                <option value="south-street">south-street</option>
                <option value="le-frog">le-frog</option>
                <option value="ui-lightness">ui-lightness</option>
                <option value="dark-hive">dark-hive</option>
                <option value="mint-choc">mint-choc</option>
                <option value="humanity">humanity</option>
                <option value="smoothness">smoothness</option>
                <option value="cupertino">cupertino</option>
                <option value="start">start</option>
            </select>
            <span id="status_bar"></span>
        </nav>

        <!-- 真正的内容显示在这里 -->
        <div id="content" style="width: 85%;float:left">
        </div>
        <nav style="float: left; width: 10%; height: 200px; margin-left: 20px;background-color: #C8D6FF;border: 1px solid blue">
            <ul>
                <li><a href="/p/">项目列表</a></li>
                <li><a onclick="addNewTask()" href="javascript:void(0)">新建任务</a></li>
                <li><a href="/trend/" >动态</a></li>
                <li><a href="/auth/logout/" >注销</a></li>
            </ul>
        </nav>
        <br style="clear:both" clear="both"/>
        <div id="confirm_dialog" style="display:none">
            <span id="confirm_text"></span>
        </div>
        
        <div id="add_or_update_task_dialog" style="display:none;width: auto">
            <table>
                <tr>
                    <td>名称</td>
                    <td>
                        <textarea id="name" rows="2" cols="45">
                        </textarea>
                    </td>
                </tr>
                <tr>
                    <td>Man Day数</td>
                    <td>
                        <input id="estimated_mds" type="text" size="47" />
                    </td>
                </tr>
                <tr>
                    <td>开发周期</td>
                    <td>
                        <input id="start_date" type="text" readonly="true" size="10" /> 至 
                        <input id="end_date" type="text" readonly="true" size="10" />
                        <strong> 最迟:</strong>
                        <input id="due_date" type="text" readonly="true" size="10"/>
                    </td>
                </tr>
                <tr>
                    <td>注释</td>
                    <td>
                        <textarea id="note" rows="2" cols="45">
                        </textarea>
                    </td>
                </tr>
                <tr>
                    <td>TAG</td>
                    <td>
                        <textarea id="tag" rows="2" cols="45">
                        </textarea>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        分配给:
                        <select id="assignee">
                        {% for user in USER_LIST %}
                            <option id="{{user.id}}" value="{{user.id}}">{{user.first_name}}</option>
                        {% endfor %}
                        </select>
                       进度:
                        <select id="status">
                        {% for status in STATUS_LIST %}
                            <option id="ss_{{status.id}}" value="{{status.id}}">{{status.name}}</option>
                        {% endfor %}
                        </select>
                    </td>
                <tr>
                    <td></td>
                    <td>
                        <a style="width: 200px" class="button" href="javascript:void(0)" onclick="addTask({{project.id}})">保存</a> </td>
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>
{% endautoescape %}
